#{extends 'main.html' /}
#{set title:'Payroll Register' /}

<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/PayrollRegister/index.css'}">
<script src="@{'/public/javascripts/PayrollRegister/index.js'}" type="text/javascript" charset="utf-8"></script>

<h2 id="crudListTitle">${session.clientName} Payroll Register:
${payrollPeriod.fromDate.format("yyyy MMM dd")} to
${payrollPeriod.toDate.format("yyyy MMM dd")}</h2>

<a id="payslipView" href="/printablepayslipview/${payrollPeriod.id}">Payslip View</a>
<a id="downloadPayrollRegister" href="/payrollregisterdownload/download/${payrollPeriod.id}">Download Payroll Register</a>
<a id="downloadPayrollBilling" href="/payrollbillingdownload/download/${payrollPeriod.id}">Download Payroll Billing</a>
<a id="downloadPayrollAtm" href="/payrollatmdownload/download/${payrollPeriod.id}">Download Payroll ATM</a>
<a id="downloadPayrollCash" href="/payrollcashdownload/download/${payrollPeriod.id}">Download Payroll Cash</a>
<br /><br />

#{list employees, as:'employee'}

#{payrollDetail employee:employee, employeePayrolls:employeePayrolls, payrollPeriod:payrollPeriod, paymentTypes:paymentTypes, employeePayments:employeePayments, deductionTypes:deductionTypes, employeeDeductions:employeeDeductions, calculationResults:calculationResults /}
<br />
#{/list}

<div id="payrollInfo">
</div>
